Tabula Freelancer and Jobs HTML Template

Tabula is an online job board HTML template designed to connect people looking for a job with employers who are seeking workers. It is suitable for you to show professional job board websites that require high advanced features to powerful functions and useful services for users. Employers and Candidates feel easy and convenient to sign up, login to find jobs, post jobs, job details, manage their profiles, blogs, resume, applications from Dashboard. The template is also fully documented and supported through comments section. For easier manipulation of SCSS files. The Tabula is scalable and more options & updates will be available in future based on buyers’ request. We are really glad to introduce you Tabula. Thanks!

Thank you for purchasing my Template. If you have any questions that are beyond the scope of this help file, please feel free to email via my user Page Contact form here. Thank you so much!

Note :

Please note that images used in live preview are not included in the package. If you have any questions please feel free to email via my user page contact form here. Thank you!


If you like this template...

wink
Please Don’t Forget to Rate it!

How to Upload in Server and edit

Here is video how to upload template on cpanel

https://www.youtube.com/watch?v=iPAGfEd8ss4&t=76s

or How to Upload a File Using File Manager To upload a file through cPanel's File Manager, please do the following:

Once the file has been selected, it will automatically upload. You may select additional files while uploads are in progress.

Features

HTML Structure

  1. <!DOCTYPE html>
  2.  
  3. <!-- 
  4.  
  5.    Template Name: Tabula
  6.  
  7.    Version: 1.0.0
  8.  
  9.    Author: Webstrot
  10.  
  11.    
  12.  
  13.    -->
  14.  
  15. <!--[if IE 8]> 
  16.  
  17. <html lang="en" class="ie8 no-js">
  18.  
  19.    <![endif]-->
  20.  
  21.    <!--[if IE 9]> 
  22.  
  23.    <html lang="en" class="ie9 no-js">
  24.  
  25.       <![endif]-->
  26.  
  27.       <!--[if !IE]><!-->
  28.  
  29.       <html lang="zxx" dir="ltr">
  30.  
  31.          <!--[endif]-->
  32.  
  33.          <head>
  34.  
  35.             <meta charset="utf-8" />
  36.  
  37.             <title>Tabula</title>
  38.  
  39.             <meta content="width=device-width, initial-scale=1.0" name="viewport" />
  40.  
  41.             <!--Template style -->
  42.  
  43.             <link rel="stylesheet" type="text/css" href="css/animate.css" />
  44.  
  45.             <link rel="stylesheet" type="text/css" href="css/animate.min.css" />
  46.  
  47.             <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
  48.  
  49.             <link rel="stylesheet" type="text/css" href="css/fonts.css" />
  50.  
  51.             <link rel="stylesheet" type="text/css" href="css/font-awesome.css" />
  52.  
  53.             <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
  54.  
  55.             <link rel="stylesheet" type="text/css" href="css/magnific-popup.css" />
  56.  
  57.             <link rel="stylesheet" type="text/css" href="css/owl.carousel.min.css" />
  58.  
  59.             <link rel="stylesheet" type="text/css" href="css/owl.theme.default.min.css" />
  60.  
  61.             <link rel="stylesheet" type="text/css" href="css/style.css" />
  62.  
  63.             <link rel="stylesheet" type="text/css" href="css/responsive.css" />
  64.  
  65.             <!--favicon-->
  66.  
  67.             <link rel="shortcut icon" type="image/png" href="images/fav-icon.png" />
  68.  
  69.          </head>

SCSS Structure

  1. /*-------------------------------------
  2.  
  3.     
  4.  
  5.     Author: Tabula
  6.  
  7.     Copyright © 2023-24
  8.  
  9.     
  10.  
  11. ---------------------------------------
  12.  
  13.  
  14.  
  15.     CSS INDEX
  16.  
  17.     ===================
  18.  
  19.     
  20.  
  21.     1. BODY
  22.  
  23.     2. CUSTOM CSS / A
  24.  
  25.     3. PRELOADER
  26.  
  27.     4. NAVIGATION
  28.  
  29.     5. SLIDER
  30.  
  31.  
  32. ---------------------------------------*/
  33.  
  34.  
  35. /*--------------
  36.  
  37. 1.Theme default CSS
  38.  
  39. --------------------------*/
  40.  
  41.  
  42. $title-font: 'Poppins',
  43.  
  44. sans-serif;
  45.  
  46. $body-font: 'Lato',
  47.  
  48. sans-serif;
  49.  
  50. $body-color: #b0b2b3;
  51.  
  52. $title-color: #222222;
  53.  
  54. $section-bg-color:#ebf5f5;
  55.  
  56. $title-color-white: #fff;
  57.  
  58. $title-color-hover: #e12454;
  59.  
  60. $font-size:16px;
  61.  
  62. $line-height:25px;
  63.  
  64. $transition: all 0.5s;
  65.  
  66.  
  67. /* ....................................
  68.  
  69. 1.1 Common CSS 
  70.  
  71. .......................................*/
  72.  
  73.  
  74. @import 'common/common';
  75.  
  76.  
  77. /* ....................................
  78.  
  79. 1.1 Header CSS 
  80.  
  81. .......................................*/
  82.  
  83.  
  84. @import 'header/header';
  85.  
  86.  
  87. /* ....................................
  88.  
  89. 1.1 Inner CSS 
  90.  
  91. .......................................*/
  92.  
  93.  
  94. @import 'inner/inner';
  95.  
  96.  
  97. /* ....................................
  98.  
  99. 1.1 Footer CSS 
  100.  
  101. .......................................*/
  102.  
  103.  
  104. @import 'footer/footer';
  105.  
  106.  
  107. /* ....................................
  108.  
  109. 1.1 INDEX 03 CSS 
  110.  
  111. .......................................*/
  112.  
  113.  
  114. @import 'home3/home3';
  115.  
  116.  
  117. /* ....................................
  118.  
  119. 1.1 project details CSS 
  120.  
  121. .......................................*/
  122.  
  123.  
  124. @import 'project-details/project-details';
  125.  
  126.  
  127. /* ....................................
  128.  
  129. 1.1 Shortcode CSS 
  130.  
  131. .......................................*/
  132.  
  133.  
  134. @import 'shortcode/shortcode.scss';

Java Scripts + libraries

  1. <script src="js/jquery-3.6.0.min.js"></script>
  2.  
  3. <script src="js/bootstrap.min.js"></script>
  4.  
  5. <script src="js/wow.js"></script>
  6.  
  7. <script src="js/jquery.magnific-popup.js"></script>
  8.  
  9. <script src="js/owl.carousel.min.js"></script>
  10.  
  11. <script src="js/contact_form.js"></script>
  12.  
  13. <script src="js/custom.js"></script>

Contact Form Setup

  • Find File "contactmail.php"
  • Open in any HTML Editor
  • Change Your Email Here:
    1. if($sendMessage != ''){
    2. $fromEmail = 'support@webstrot.com';
    3. $toEmail = 'dev.03webstrot@example.com';
    4. $headers = "MIME-Version: 1.0" . "rn";
    5.  

Fonts

I Have Used 2 Variations of Fonts in this HTML Template

Source and Credit

I am Happy to Credit the Below :
  1. Fonts : Google Webfonts
  2. Images : Photodune
  3. Images : Shutterstock
  4. Icons : Flaticon
  5. Icons : Fontawesome
  6. Images : Unsplash
  7. Images : freepik
  8. Bootstrap

Conclusion

Once again, thank you so much for purchasing this Template. As I said at the beginning, I'd be glad to help you if you have any questions relating to this Template. No guarantees, but I'll do my best to assist. If you have a more general question relating to the Templates , you might consider visiting the forums and asking your question in the "Item Discussion" section.